<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>校内经历</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>

<body>
    <aside>
        <nav>
            <img src="./img/head.jpg" alt="">
            <a href="./index.html"><i class="material-icons md-36">
                    home</i>
                <p>自我介绍</p>
            </a>

            <a href="./skills.html"><i class="material-icons md-36">
                    person</i>
                <p>技能掌握</p>
            </a>

            <a href="./life.html"><i class="material-icons md-36">
                    image</i>
                <p>生活写照</p>
            </a>

            <a href="./school.html"><i class="material-icons md-36">
                    school</i>
                <p>校内经历</p>
            </a>

            <a href="./communication.html"><i class="material-icons md-36">
                    mail</i>
                <p>沟通留言</p>
            </a>


        </nav>
    </aside>

    <nav class="mobile-nav">
        <a href="./index.html">自我介绍</a>
        <a href="./skills.html">技能掌握</a>
        <a href="./life.html">生活写照</a>
        <a href="./school.html">校内经历</a>
        <a href="./communication.html">沟通留言</a>

    </nav>

    <section class="folio" id="folio">
        <h2>校内经历</h2>
        <div class="row-halves">
            <div class="col pppp">
                <img src="./img/class1.jpg" alt="">
                <h3>班长</h3>
                <p>在大学里每天一起上课，一起学习的就是这群人啦~~可惜并且珍惜的是班里只有两个女生了:) :)</p>
            </div>

            <div class="col pppp">
                <img src="./img/class2.jpg" alt="">
            </div>

            <div class="col pppp">
                <img src="./img/class3.jpg" alt="">

            </div>

            <div class="col pppp">
                <img src="./img/class4.jpg" alt="">

            </div>

        </div>
        <div class="row-halves">
            <div class="col ddd">
                <img src="./img/school1.jpg" alt="">
                <h3>学生执行副书记</h3>
                <p>这里是我在大学里的宝藏，在这里找到了无限的快乐，认识了很多有趣的人~~</p>
            </div>

            <div class="col ddd">
                <img src="./img/school2.jpg" alt="">

            </div>
            <div class="col ddd">
                <img src="./img/school3.jpg" alt="">

            </div>

        </div>

    </section>

</body>

</html>